@charset "UTF-8";
/**
* 乐米
* Created by Regina.
* 2019-01-03
 */
body { min-width: 1220px; }
.g-contain, .m-mainct-box { margin: 0 auto; width: 1200px; position: relative; }
.g-contain { padding-bottom: 32px; }
a:hover { -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
/************************************** logo **************************************/
.m-head-logo { display: inline-block; color: #00b38a; overflow: hidden; }
.m-head-logo:hover { color: #0ac89f; }
.m-head-logo>.iconfont, .m-head-logo>h1 { float: left; }
.m-head-logo>.iconfont { font-size: 40px; }
.m-head-logo>h1 { margin-left: 10px; width: 2em; font-size: 30px; font-weight: normal; }
/************************************** 底部 **************************************/
.g-footer { padding: 54px 0; height: 60px; line-height: 60px; background: #333; }
.m-footer-logo { display: inline-block; padding-left: 70px; min-height: 60px; color: #00b38a; position: relative; overflow: hidden; }
.m-footer-logo>.iconfont { width: 1em; height: 1em; font-size: 60px; position: absolute; left: 0; top: 0; }
.m-footer-logo>h2, .m-footer-logo>p { height: 1em; line-height: 1em; }
.m-footer-logo>h2 { margin: 3px 0 6px; font-size: 30px; font-weight: normal; }
.m-footer-logo>p { font-size: 14px; color: #fff; }
.m-footer-logo:hover { color: #0ac89f; }
.m-footer-right { float: right; font-size: 12px; line-height: 30px; color: #fff; text-align: right; }
/********************************** 侧边悬浮二维码 **********************************/
.g-layside-code { margin-top: -85px; width: 138px; height: 170px; border-radius: 4px; background: #fff; position: fixed; right: 10px; top: 50%; overflow: hidden; }
.m-layside-appcode { display: block; margin: 16px auto 13px; width: 110px; height: 110px; position: relative; overflow: hidden; }
.m-layside-appcode>img { display: block; width: 100%; height: 100%; }
.g-layside-code>p { height: 1em; line-height: 1em; font-size: 14px; text-align: center; }
/************************************** 头部 **************************************/
.g-header { width: 100%; height: 38px; line-height: 38px; background: #333; position: relative; }
.g-header>.m-mainct-box { height: 38px; }
.m-header-left { float: left; }
.m-header-right { float: right; }
.u-header-item, .u-header-arricon { display: inline-block; float: left; height: 38px; line-height: 38px; color: #fff; }
a.u-header-item:hover { color: #a5a5a5; }
.u-header-item>.iconfont { font-size: 20px; }
.m-header-left .u-header-item { margin-right: 10px; }
.m-header-right .u-header-item, .m-header-user { margin-left: 10px; }
.m-header-user { float: left; position: relative; }
.m-huser-head { display: block; margin-top: 7px; float: left; height: 24px; line-height: 24px; position: relative; }
.u-huser-head { display: inline-block; float: left; width: 24px; height: 24px; background: #71fffd; border-radius: 50%; position: relative; }
.u-huser-name { height: 24px; line-height: 24px; }
.u-huser-head>img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.m-huser-head:hover img { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
.m-huser-head:hover .u-huser-name { color: #a5a5a5; }
.u-huser-head>.level { display: inline-block; width: 10px; height: 10px; line-height: 10px; border-radius: 50%; color: #ee1f1f; background: #fff; border: 1px solid #ee1f1f; text-align: center; font-size: 8px; font-family: "Arial"; position: absolute; right: -3px; top: -3px; }
/* 悬浮层 */
.m-user-selbox { display: none; width: 160px; border-radius: 8px; background: #fff; border: 1px solid #dfdfdd; position: absolute; right: 0; top: 30px; z-index: 8; overflow: hidden; }
.u-user-selitem { display: block; height: 48px; line-height: 48px; text-align: center; position: relative; }
.u-user-selitem>.iconfont { display: inline-block; margin-right: 5px; color: #00b38a; font-size: 16px; }
.u-user-selitem:hover { color: #00b38a; background: #fafafa; }
/************************************** 导航 **************************************/
.g-navigate { width: 100%; height: 68px; line-height: 68px; border-bottom: 1px solid #dfdfdd; background: #fff; position: relative; overflow: hidden; }
.m-navigate-bar { float: left; margin-left: 80px; overflow: hidden; }
.u-navigate-item { display: inline-block; float: left; margin-left: 80px; font-size: 18px; color: #b7b7b7; position: relative; }
.u-navigate-item:after { content: ""; height: 2px; background: #00b38a; position: absolute; left: 50%; right: 50%; bottom: 0; -moz-transition: left .3s ease-in-out, right .3s ease-in-out; -webkit-transition: left .3s ease-in-out, right .3s ease-in-out; transition: left .3s ease-in-out, right .3s ease-in-out; }
.u-navigate-item:hover, .u-navigate-item.active { color: #333; }
.u-navigate-item:hover:after, .u-navigate-item.active:after { left: 0; right: 0; }
/********************************* 浮层-在线对话 *********************************/
.g-layside-chat { height: 48px; position: fixed; right: 10px; bottom: 32px; }
.m-layside-chatbox { display: block; padding: 0 20px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #00b38a; border-radius: 2px; background: #fff; overflow: hidden; }
.m-layside-chatbox>.iconfont { width: 1em; font-size: 28px; color: #00b38a; }
.m-layside-chatbox>em { display: inline-block; margin: 0 8px; }
.m-layside-chatbox>.num { display: inline-block; margin-top: 13px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; text-align: center; font-family: "Arial"; font-size: 12px; color: #fff; background: #ee1f1f; }
.m-layside-chatbox:hover { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
/********************************* 面包屑 *********************************/
.m-breadcrumb-bar { height: 58px; line-height: 58px; position: relative; overflow: hidden; }
.u-breadcrumb-item { display: inline-block; }
.u-breadcrumb-item>.iconfont { margin-right: 5px; font-size: 18px; }
.u-breadcrumb-item:hover { color: #00b38a; }
/********************************* 主体内容 *********************************/
.m-mainbox { border: 1px solid #e9e9e9; background: #fff; position: relative; }
/* 标题 */
.m-mainmod-tit { padding: 0 20px; height: 70px; line-height: 70px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #e9e9e9; }
.m-mainmod-tit>.stips { margin-left: 10px; font-size: 12px; }
/* 表单 */
.m-theme-formitem, .u-theme-submit { margin-top: 32px; }
.m-theme-formitem { height: 36px; line-height: 36px; border-bottom: 1px solid #e9e9e9; }
.u-theme-input { width: 100%; height: 36px; line-height: 36px; border: 0 none; background: none; font-size: 16px; }
.m-theme-formitem.addcode>.u-theme-input { width: 70%; }
.u-theme-submit { display: block; width: 100%; height: 48px; line-height: 48px; border-radius: 2px; background: #00b38a; color: #fff; text-align: center; font-size: 14px; }
.u-theme-submit:hover { background: #0ac89f; }
.u-theme-getcode { display: inline-block; float: right; color: #00b38a; }
.u-theme-getcode:hover { color: #0ac89f; }
/************************************** 登录 **************************************/
body.login { background: #333; }
.g-login-wrap { min-height: 900px; }
.g-login-head { padding: 20px 0; height: 66px; line-height: 66px; background: #fff; position: relative; }
.m-lohead-right { float: right; font-size: 18px; overflow: hidden; }
.m-lohead-right>.iconfont { font-size: 24px; color: #00b38a; }
.m-lohead-right>.u-lohead-ritem { float: left; margin-left: 12px; }
a.u-lohead-ritem:hover { color: #0ac89f; }
.g-login-mainct { width: 100%; height: 620px; background-image: -moz-linear-gradient( 90deg, rgb(0,179,138) 0%, rgb(69,232,195) 39%, rgb(10,200,159) 81%, rgb(5,190,149) 90%, rgb(0,179,138) 99%); background-image: -webkit-linear-gradient( 90deg, rgb(0,179,138) 0%, rgb(69,232,195) 39%, rgb(10,200,159) 81%, rgb(5,190,149) 90%, rgb(0,179,138) 99%); background-image: -ms-linear-gradient( 90deg, rgb(0,179,138) 0%, rgb(69,232,195) 39%, rgb(10,200,159) 81%, rgb(5,190,149) 90%, rgb(0,179,138) 99%); }
.g-login-mainct>.m-mainct-box { height: 100%; background: url("../images/common/login-bg.png") center no-repeat; }
/* 登录窗口 */
.m-login-box { width: 376px; height: 380px; border-radius: 4px; background: #fff; position: absolute; right: 28px; top: 105px; overflow: hidden; }
.m-login-btit { margin: 22px 38px 0; padding: 0 10px 0 14px; height: 18px; line-height: 18px; font-size: 16px; font-weight: normal; position: relative; }
.m-login-btit>em { display: inline-block; width: 4px; height: 100%; background: #00b38a; position: absolute; left: 0; top: 0; }
.m-login-form { margin: 0 48px; position: relative; overflow: hidden; }
.u-login-other-txt { padding: 15px 0; line-height: 22px; color: #00b38a; text-align: center; }
.m-login-other { text-align: center; overflow: hidden; }
.u-login-other-item { display: inline-block; margin: 4px 10px 0; height: 1em; line-height: 1em; font-size: 36px; }
.u-login-other-item.weixin { color: #00b38a; }
.u-login-other-item.qq { color: #00a8ec; }
.u-login-other-item:hover { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
/********************************* 绑定手机号码 *********************************/
.m-tips-box { margin: 20px 15px 0; padding: 10px 20px; line-height: 22px; font-size: 16px; background: #f0f0f0; position: relative; }
.m-bind-box { margin: 42px auto 80px; padding: 10px 44px; width: 270px; height: 258px; border: 1px solid #dfdfdd; position: relative; overflow: hidden; }
/********************************* 个人资料编辑 *********************************/
.m-form-list { margin: 0 90px; padding-bottom: 30px; overflow: hidden; }
.m-form-list>li { margin-top: 26px; position: relative; overflow: hidden; }
.u-form-item-tit, .u-form-item-input, .u-form-item-textarea { font-size: 16px; }
.u-form-item-tit, .m-form-item, .u-form-item-btn { float: left; }
.u-form-item-tit { display: inline-block; margin-right: 20px; height: 42px; line-height: 42px; text-align: right; }
.m-form-item { position: relative; }
.u-form-item-input, .u-form-item-textarea { display: block; padding: 0 15px; border: 1px solid #e6e6e6; border-radius: 2px; background: none; }
.u-form-item-input { width: 228px; height: 40px; line-height: 40px; }
.u-form-item-textarea { padding: 8px 15px; line-height: 24px; width: 578px; height: 98px; resize: none; }
.u-user-form-head { display: block; width: 56px; height: 56px; border-radius: 50%; }
.u-form-item-btn { display: block; width: 220px; height: 48px; line-height: 48px; border-radius: 6px; background: #00b38a; font-size: 16px; text-align: center; color: #fff; }
.u-form-item-btn:hover { background: #0ac89f; }
/* radio */
.u-form-item-radio { display: inline-block; float: left; margin-right: 34px; padding-left: 26px; height: 42px; line-height: 42px; position: relative; overflow: hidden; }
/* .u-form-item-radio:last-child { margin: 0; } */
.u-form-item-radio>em { display: inline-block; margin: auto; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #dfdfdd; position: absolute; left: 0; top: 0; bottom: 0; }
.u-form-item-radio.active>em { border-color: #00b38a; }
.u-form-item-radio.active>em:after { content: ""; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: #00b38a; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.u-form-item-radio:hover { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
/********************************* 个人主页 *********************************/
.m-personal-sidenav, .m-personal-main { min-height: 407px; }
/* 基本资料 */
.m-personal-inforbar { margin: 20px 0; padding: 30px 176px 30px 166px; height: 118px; }
.m-personal-head { margin: auto; width: 118px; height: 118px; border-radius: 50%; position: absolute; left: 30px; top: 0; bottom: 0; overflow: hidden; }
.m-personal-head>img { display: block; width: 100%; height: 100%; }
.m-personal-editbtn { margin: auto; height: 32px; text-align: center; position: absolute; right: 23px; top: 0; bottom: 0; }
.u-personal-editbtn { display: inline-block; padding: 0 12px; height: 32px; line-height: 32px; border-radius: 16px; background: #00b38a; text-align: center; color: #fff; }
.u-personal-editbtn>.iconfont { font-size: 16px; }
.u-personal-editbtn:hover { background: #0ac89f; }
.m-personal-infor {}
.m-personal-infor-name { height: 26px; line-height: 26px; font-size: 18px; font-weight: normal; position: relative; overflow: hidden; }
.m-personal-infor-name>.name, .m-personal-infor-name>.iconfont { display: inline-block; float: left; }
.m-personal-infor-name>.iconfont { margin-left: 5px; font-size: 20px; }
.m-personal-infor-name.female>.iconfont { color: #fb7c3d; }
.m-personal-infor-name.male>.iconfont { color: #3ca3fb; }
.m-personal-tag {}
.u-personal-tagitem { display: inline-block; margin: 8px 6px 8px 0; padding: 0 4px; height: 20px; line-height: 20px; border-radius: 4px; border: 1px solid #00b38a; color: #00b38a; text-align: center; }
.u-personal-tagitem:last-child { margin-right: 0; }
.u-personal-tagitem.f-color-01 { border-color: #d38306; color: #d38306; }
.m-personal-infor-more { margin-top: 10px; }
.f-fs-color-01 { color: #888; }
/* 个人主页导航 */
.m-personal-sidenav { width: 280px; float: left; }
.u-personal-nav { display: block; margin-top: 1px; padding: 0 24px; height: 50px; line-height: 50px; font-size: 16px; position: relative; }
.u-personal-nav:first-child { margin-top: 0; }
.u-personal-nav>.iconfont, .u-personal-nav>.val { display: inline-block; float: left; }
.u-personal-nav>.iconfont { font-size: 26px; }
.u-personal-nav>.val { margin-left: 10px; }
.u-personal-nav.active, .u-personal-nav:hover { color: #00b38a; }
.u-personal-nav.active:after, .u-personal-nav:hover:after { content: ""; width: 4px; height: 100%; background: #00b38a; position: absolute; left: 0; top: 0; }
/* 主体内容 */
.m-personal-main { width: 896px; float: right; }
/* tab头 */
.m-personal-tabhead, .m-mainbox-tit { height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; border-bottom: 1px solid #e9e9e9; position: relative; overflow: hidden; }
.m-mainbox-tit { padding: 0 22px; }
.m-personal-tabhead>li { padding: 0 22px; float: left; position: relative; }
.m-personal-tabhead>li:after { content: ""; margin: auto; width: 1px; height: 16px; background: #333; position: absolute; left: 0; top: 0; bottom: 0; }
.m-personal-tabhead>li:first-child:after { display: none; }
.u-personal-thitem { display: inline-block; color: #a5a5a5; position: relative; }
.u-personal-thitem:after { content: ""; height: 2px; background: #00b38a; position: absolute; left: 50%; right: 50%; bottom: 0; -moz-transition: left .3s ease-in-out, right .3s ease-in-out; -webkit-transition: left .3s ease-in-out, right .3s ease-in-out; transition: left .3s ease-in-out, right .3s ease-in-out; }
.u-personal-thitem.active, .u-personal-thitem:hover { color: #333; }
.u-personal-thitem.active:after, .u-personal-thitem:hover:after { left: 0; right: 0; }
/* tab主体 */
.m-personal-tabbox {}
.m-personal-tabmain { overflow: hidden; }
/* 分页 */
.m-pagebox { padding: 24px 0; text-align: center; position: relative; overflow: hidden; }
.u-page-item { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; border-radius: 2px; background: #f0f2f5; text-align: center; }
.u-page-item:hover, .u-page-num.active { background: #00b38a; color: #fff; }
.u-page-item.disabled:hover, .u-page-item.disabled { color: #c4c4c5; background: #f0f2f5; }
.u-page-item>.iconfont { font-weight: bold; }
/********************************* 好友管理 *********************************/
.m-friends-list { margin: 0 22px; }
.m-friends-list>li { padding: 16px 30% 16px 0; border-bottom: 1px solid #e9e9e9; position: relative; overflow: hidden; }
.m-friends-item { display: block; padding-left: 78px; height: 56px; position: relative; }
.m-friends-item:hover { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
.m-friends-head { display: block; width: 56px; height: 56px; border-radius: 50%; background: #f5f5f5; position: absolute; left: 0; top: 0; overflow: hidden; }
.m-friends-head>img { display: block; width: 100%; height: 100%; }
.m-friends-item>h5 { height: 32px; line-height: 32px; font-size: 16px; font-weight: normal; }
.m-friends-item>p { color: #888; }
.u-friends-attbtn { display: inline-block; margin: auto; padding: 0 15px; min-width: 48px; height: 32px; line-height: 32px; border-radius: 2px; background: #00b38a; text-align: center; color: #fff; position: absolute; right: 0; top: 0; bottom: 0; }
.u-friends-attbtn:hover { background: #0ac89f; }
/********************************* 微信支付 *********************************/
.u-payfor-type { font-size: 28px; color: #21d11d; }
.u-payfor-money { font-size: 16px; color: #999; }
.u-payfor-money>i { font-size: 24px; color: #ee1f1f; }
.m-payfor-get { margin: 0 64px; padding: 18px 0; line-height: 36px; font-size: 16px; border-bottom: 1px dashed #e9e9e9; position: relative; }
.m-payfor-weixin { margin: 38px 64px 100px; position: relative; overflow: hidden; }
.m-payfor-weixin>li { width: 50%; float: left; position: relative; }
.m-payfor-weixin:after { content: ""; margin: auto; width: 1px; height: 100%; background: #dfdfdd; position: absolute; left: 0; right: 0; top: 0; }
.m-payfor-code { margin: 0 auto; width: 198px; height: 198px; border: 6px solid #00b38a; background: #00b38a; position: relative; overflow: hidden; }
.m-payfor-code>img { display: block; width: 100%; height: 100%; }
.m-payfor-txt { margin: 8px auto 0; padding-left: 43px; width: 167px; line-height: 22px; position: relative; overflow: hidden; }
.m-payfor-txt>.iconfont { margin: auto; width: 1em; height: 1em; line-height: 1em; font-size: 38px; color: #00b38a; position: absolute; left: 0; top: 0; bottom: 0; }
.u-payfor-weixin-img { display: block; margin: 0 auto; }
/********************************* 设置 *********************************/
.m-setting-normal { margin: 0 22px; }
.m-setting-normal>li { padding-right: 30%; height: 64px; line-height: 64px; border-bottom: 1px dashed #e9e9e9; font-size: 16px; position: relative; }
.m-setting-normal>li .f-special { font-size: 14px; color: #888; }
.u-setting-norr { display: inline-block; margin: auto; height: 30px; line-height: 30px; font-size: 16px; color: #00b38a; position: absolute; right: 0; top: 0; bottom: 0; }
.u-setting-norr:hover { color: #0ac89f; }
.u-switch-btn { width: 55px; border-radius: 15px; background: #b7b7b7; }
.u-switch-btn.active { background: #1bcca3; }
.u-switch-btn:after { content: ""; margin: auto; width: 26px; height: 26px; background: #fff; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 2px; }
.u-switch-btn.active:after { left: auto; right: 2px; }
/* 修改密码 */
.m-form-list.special { margin: 0 22px; }
.m-form-list.special {}
/********************************* 实名认证 *********************************/
.u-certify-btn { display: block; margin: 34px auto;width: 220px; height: 48px; line-height: 48px; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; background: #00b38a; position: relative; }
.u-certify-btn>input { display: block; width: 100%; height: 100%; border: 0 none; background: none; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; position: absolute; left: 0; top: 0; }
.u-certify-btn:hover { background: #1bcca3; }
.u-certify-btn.disabled, .u-certify-btn.disabled:hover { background: #e9e9e9; color: #999; }
/* 视频认证 */
.u-certify-video { margin: 50px 0 15px; text-align: center; color: #00b38a; font-size: 54px; }
.u-certify-video-txt { margin: 0 auto; width: 182px; }
.u-certify-video-txt.special { font-size: 16px; }
/* 实名认证 */
.m-certify-icon { margin: 22px auto 0; width: 150px; height: 150px; border-radius: 50%; background: #eee; position: relative; overflow: hidden; }
.u-certify-icon { display: inline-block; margin: auto; width: 96px; font-size: 38px; height: 68px; line-height: 68px; color: #b1afae; text-align: center; background: #fff; border-radius: 6px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.u-certify-video-txt.special-02 { margin: 8px auto; text-align: center; }
.u-certify-video-txt.special-02+.u-certify-btn { margin-top: 0; }
/********************************* 弹出层 *********************************/
.g-layout { display: none; }
.m-layout-bg { width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 98; }
.m-layout-box { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; }
.m-layout-main { margin: 15px; width: 780px; background: #fff; position: relative; }
.m-layout-header { padding: 0 0 0 18px; height: 44px; line-height: 44px; background: #00b38a; font-size: 18px; color: #fff; }
.u-layout-close { display: inline-block; padding: 0 16px; float: right; color: #fff; font-size: 22px; text-align: center }
.u-layout-close:hover { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #eee; }
.m-layout-in { overflow: auto; }
/* 实名认证 */
.m-layout-certify .m-form-list { margin: 20px 52px 40px; }
.m-layout-certify .m-form-list .u-form-item-tit { width: 13em; }
.u-getcode-btn { display: inline-block; width: 108px; height: 42px; line-height: 42px; border-radius: 2px; background: #00b38a; color: #fff; font-size: 16px; text-align: center; position: absolute; right: 0; top: 0; }
.u-getcode-btn:hover { background: #1bcca3; }
.u-getcode-btn.disabled, .u-getcode-btn.disabled:hover { background: #e9e9e9; color: #999; }
.m-certify-photo { width: 80px; height: 46px; line-height: 46px; border: 1px solid #e6e6e6; border-radius: 4px; font-size: 20px; color: #a2a2a2; text-align: center; position: relative;  -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; }
/* .m-certify-photo:hover { border-color: #00b38a; color: #00b38a; } */
/* .m-certify-photo.active:hover { border-color: #e6e6e6; color: #a2a2a2; } */
.m-certify-photo>input { display: block; width: 100%; height: 100%; border: 0 none; background: none; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; position: absolute; left: 0; top: 0; }
.m-certify-photo>img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.u-certify-photo-close { display: inline-block; padding: 10px 10px 0 0; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 10px; border-radius: 50%; background: rgba(0,0,0,.65); position: absolute; right: -10px; top: -10px; z-index: 3; }
.u-certify-photo-close:hover { background: rgba(0,0,0,.8); }
.u-certify-photo-close>.iconfont { display: inline-block; width: 1em; height: 1em; line-height: 1em; position: absolute; left: 5px; top: 13px; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.u-certify-photo-close:hover>.iconfont { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/********************************* 我的收款码 *********************************/
.m-collect-typelist { margin: 65px 56px 55px; }
.m-collect-typelist>li { display: block; width: 33.3%; float: left; }
.m-collect-typeitem { display: block; margin: 0 auto; width: 146px; height: 146px; position: relative; overflow: hidden; }
.m-collect-typeitem>.iconfont { margin: auto; line-height: 1em; color: #00b38a; font-size: 146px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.m-collect-typecode { display: block; margin: auto; width: 122px; height: 122px; background: #fff; border: 5px solid #e9e9e9; color: #e9e9e9; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.m-collect-typeitem.active .m-collect-typecode { border-color: #00b38a; color: #00b38a; }
.m-collect-typecode>.iconfont { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 56px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.m-collect-typecode>input { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; }
.m-collect-typecode>img { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.u-collect-typecolse { display: inline-block; width: 42px; height: 42px; background: rgba(0,0,0,.65); color: #fff; border-radius: 50%; position: absolute; right: -12px; top: -12px; z-index: 3; }
.u-collect-typecolse:hover { background: rgba(0,0,0,.8); }
.u-collect-typecolse>.iconfont { width: 1em; height: 1em; line-height: 1em; font-size: 20px; position: absolute; left: 7px; top: 17px; }
.u-collect-typetxt { margin: 10px 0; line-height: 22px; text-align: center; font-size: 16px; }
/********************************* 佣金记录 *********************************/
/* 下拉 */
.m-formbox-item { margin: 26px 22px; }
.m-form-item.select>.iconfont { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 24px; color: #666; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; }
.m-form-item.select>input { width: 211px; padding-right: 32px; cursor: default; position: relative; z-index: 2; }
.m-beauty-select { display: none; padding-top: 1px; width: 258px; max-height: 185px; border: 1px solid #e6e6e6; background: #fff; border-radius: 0 0 2px 2px; position: absolute; top: 41px; left: 0; z-index: 10; overflow: auto; }
.m-beauty-select>a { display: block; margin-bottom: 1px; padding: 0 15px; color: #a5a5a5; height: 36px; line-height: 36px; }
.m-beauty-select>a:hover, .m-beauty-select>a.active { background: #f5f5f5; color: #00b38a; }
/* 表格 */
.m-table-box { margin: 16px 22px 40px; overflow: hidden; }
.m-beauty-table th { padding: 8px 5px; line-height: 24px; font-weight: normal; background: #f2f2f2; font-size: 16px; }
.m-beauty-table td { padding: 14px 5px; text-align: center; line-height: 22px; border-bottom: 1px dashed #e9e9e9; }
/********************************* 钻石充值 *********************************/
.m-topup-list { margin: 50px 0 0; }
.m-topup-list.f-special-01 { margin: 0; }
.m-topup-list>li { float: left; margin: 0 0 20px; width: 33.3%; overflow: hidden; }
.m-topup-item { display: block; padding: 0 15px; width: 218px; height: 46px; line-height: 46px; border-radius: 6px; border: 1px solid #e9e9e9; font-size: 16px; text-align: center; position: relative; overflow: hidden; }
.m-topup-list>li:nth-child(3n+2) .m-topup-item { margin: 0 auto; }
.m-topup-list>li:nth-child(3n) .m-topup-item { float: right; }
.m-topup-item:hover { border-color: #00b38a; color: #00b38a; }
.m-topup-item.active, .m-topup-item.active:hover { background: #00b38a; border-color: #00b38a; color: #fff; }
.m-topup-item-in { display: inline-block; margin: 0 auto; line-height: 46px; overflow: hidden; }
.m-topup-item-in>.iconfont, .m-topup-item-in>em { display: inline-block; float: left; }
.m-topup-item-in>.iconfont { margin-right: 5px; font-size: 28px; }
.u-form-item-btn.f-btn-style { margin: 70px auto 30px; float: none; }
/* 选择充值方式 */
.m-inner-box { margin: 0 22px; position: relative; overflow: hidden; }
.u-form-item-tit.f-special-01 { margin: 10px 0; }
.u-form-item-btn.f-btn-style-02 { margin: 40px 22px 100px; float: none; }
.m-paytype-list { margin: 0 22px 0 -93px; }
.m-form-item-radio { display: block; margin-left: 93px; padding-left: 32px; height: 52px; line-height: 52px; }
.u-paytype-item-val { display: inline-block; width: 218px; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 16px; text-align: center; }
.u-paytype-item-valin { display: inline-block; margin: 0 auto; line-height: 50px; }
.u-paytype-item-valin>.iconfont { display: inline-block; margin-right: 5px; float: left; font-size: 34px; }
.u-paytype-item-valin.weixin>.iconfont { color: #21d11d; }
.u-paytype-item-valin.alipay>.iconfont { color: #00a3ee; }
/* 生成订单 */
.m-submit-laybox{ margin: 0 auto; width: 620px; position: relative; overflow: hidden; }
.m-submit-order { padding: 62px 0 62px 72px; min-height: 62px; position: relative; }
.m-submit-order-icon { display: inline-block; margin: auto; width: 1em; height: 1em; line-height: 1em; font-size: 62px; color: #00b38a; position: absolute; left: 0; top: 0; bottom: 0; }
.m-submit-order-txt { height: 1em; line-height: 1em; }
.m-submit-order-txt-01 { margin: 8px 0 12px 0; font-size: 18px; }
.f-lay-verline { height: 0; border-bottom: 1px dashed #e9e9e9; }
.m-submit-btnbox { padding: 40px 0; height: 48px; line-height: 48px; position: relative; overflow: hidden; }
.m-submit-btnbox .u-breadcrumb-item { color: #00b38a; }
.m-submit-btnbox .u-breadcrumb-item:hover { color: #0ac89f; }
.u-submit-btn { display: inline-block; margin-left: 22px; width: 218px; height: 46px; line-height: 46px; border-radius: 6px; border: 1px solid #dfdfdd; text-align: center; font-size: 16px; color: #666; }
.u-submit-btn.active { border-color: #00b38a; color: #00b38a; }
.u-submit-btn:hover { background: #f5f5f5; }
.u-submit-btn.active:hover { background: #00b38a; color: #fff; }
/********************************* 邀请记录 *********************************/
.m-record-icon { display: block; margin: 50px auto 0; height: 1em; line-height: 1em; text-align: center; font-size: 56px; color: #00b38a; position: relative; left: 0; top: 0; }
/********************************* 首页 *********************************/
/* 首页二级导航 */
.m-index-bar { padding: 27px 0; height: 38px; line-height: 38px; position: relative; }
.m-index-secnav { margin-right: 26px; }
.u-index-secnav-icon { display: inline-block; font-size: 20px; }
.u-index-secnav-ele { display: inline-block; margin-right: 50px; float: left; height: 36px; line-height: 36px; font-size: 16px; color: #adadad; }
.u-index-secnav-ele:hover, .u-index-secnav-ele.active { color: #333; border-bottom: 2px solid #00b38a; }
.m-search-box { padding-right: 75px; width: 525px; height: 38px; background: #fff; position: relative; }
.m-search-box>input { padding: 0 20px; width: 484px; height: 36px; line-height: 36px; border: 1px solid #dfdfdd; border-right: 0 none; border-radius: 2px 0 0 2px; font-size: 16px; }
.u-search-btn { display: inline-block; width: 75px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; border-radius: 0 2px 2px 0; background: #00b38a; position: absolute; right: 0; top: 0; }
.u-search-btn:hover { background: #0ac89f; }
/* 列表 */
.m-index-box { padding: 17px 0 30px; background: #fff; position: relative; overflow: hidden; }
.m-user-list { padding: 0 16px; overflow: hidden; }
.m-user-list>li { display: block; margin: 13px; float: left; width: 266px; height: 366px; position: relative; }
.m-user-item { display: block; padding-top: 230px; width: 266px; height: 136px; border-radius: 10px; position: relative; overflow: hidden; }
.m-user-item:hover { box-shadow: 0 0 8px 0 rgba(0,0,0,.2); }
.u-user-item-head { display: block; width: 266px; height: 230px; border-radius: 10px 10px 0 0; position: absolute; left: 0; top: 0; overflow: hidden; }
.u-user-item-head>img { display: block; width: 100%; height: 100%; }
.m-user-item-in { padding: 0 12px; width: 240px; height: 134px; border: 1px solid #e9e9e9; border-radius: 0 0 10px 10px; overflow: hidden; }
.u-user-online { display: block; padding: 8px 5px; width: 52px; overflow: hidden; position: absolute; right: 0; top: 0; }
.u-user-online>em { display: inline-block; margin-top: 7px; width: 52px; height: 24px; line-height: 24px; color: #c7c7c7; text-align: center; border-radius: 10px; background: #fff; box-shadow: 0 0 6px 0 rgba(136,136,136,.1); }
.u-user-online>em.active { color: #00b38a; }
.m-user-elebox { margin: 9px 0 12px; padding: 0 0 0 78px; min-height: 56px; position: relative; }
.m-user-elebox>.m-personal-head { width: 56px; height: 56px; left: 0; }
.m-user-elebox .m-personal-infor-name { font-size: 14px; }
.m-user-elebox .u-personal-tagitem { margin: 4px 6px 4px 0; }
.m-user-item-in>.m-personal-infor-more { margin-top: 0; padding-top: 6px; border-top: 1px dashed #e9e9e9; }
/* 用户详情 */
.m-layuser-detail { padding: 0 20px; }
.u-user-netstate { display: inline-block; float: left; margin: 2px 0 0 10px; width: 40px; height: 20px; line-height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #c6c6c6; border: 1px solid #c7c7c7; border-radius: 11px; }
.u-user-netstate.active { border-color: #00b38a; color: #00b38a; }
.m-user-deri { position: absolute; right: 16px; top: 30px; }
.u-user-debtn { display: inline-block; float: right; margin-left: 10px; width: 76px; height: 30px; line-height: 30px; color: #666; border: 1px solid #666; text-align: center; }
.u-user-debtn:hover { border-color: #f5f5f5; background: #f5f5f5; }
.u-user-debtn.active { color: #00b38a; border-color: #00b38a; }
.u-user-debtn.active:hover { background: #00b38a; color: #fff; }
.u-user-debtn.special { margin-top: 50px; width: 110px; border-radius: 16px; }
.f-fg-verline { height: 1px; background: #e9e9e9; }
.m-net-infor { padding: 20px 0; margin-left: -30px; line-height: 28px; position: relative; }
.m-net-infor>span { display: inline-block; margin-left: 50px; padding-left: 20px; height: 28px; font-size: 16px; color: #666; position: relative; overflow: hidden; }
.m-net-infor>span:after { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 2px; background: #00b38a; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.m-userlay-inbox { padding: 26px 20px; font-size: 16px; line-height: 1em; }
.m-userlay-inbox>.tit { display: inline-block; width: 4em; }
.m-userlayout-collect { margin-left: -34px; }
.m-userlayout-collect>li { float: left; margin: 0 0 0 64px; }
.m-userlayout-collect .m-collect-typecode { position: relative; border-color: #00b38a; }
.m-interview-list { margin: 0 0 0 20px; }
.m-interview-list>li, .m-interview-item { display: block; width: 56px; height: 56px; position: relative; overflow: hidden; }
.m-interview-list>li { float: left; margin: 0 0 10px 10px; }
.m-interview-item { border-radius: 50%; }
.m-interview-item:hover { -moz-opacity: .8; -webkit-opacity: .8; opacity: .8; }
.m-interview-item>img { display: block; width: 100%; height: 100%; }
/********************************* 搜索详情 *********************************/
.m-search-userlist { margin: 0 26px 30px; }
.m-search-userlist>li { border-bottom: 1px solid #dfdfdd; }
.m-search-user-item { display: block; padding: 30px 0 30px 133px; min-height: 118px; position: relative; }
.m-search-user-item>.m-personal-head { left: 0; }
.m-search-user-item .m-personal-infor-more { margin-top: 4px; }
